<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <link rel="stylesheet" href="css/JS_06_购物车.css" type="text/css">

</head>
<body>

<div id="container">
    <div id="cart-bar">
        全部商品<span class="number">34</span>
    </div>
    <div id="cart-thread">
        <ul id="left">
            <li><input type="checkbox" name="selectAll-top" onclick="selectAllTop()" /><label>全选</label></li>
            <li><label>商品</label></li>
        </ul>
        <ul id="right">
            <li><label>单价</label></li>
            <li><label>数量</label></li>
            <li><label>小计</label></li>
            <li><label>操作</label></li>
        </ul>

    </div>
    <div id="shop">
        <input type="checkbox" name=""/><label>京东自营</label>
        <span  >已免邮</span>
    </div>
    <div id="items">
        <ul id="goods-container">
            <li>
                <div class="goods-left">
                    <input type="checkbox" name="good"/>
                    <img src="image/goods6.jpg">
                           <span>spa treatment 日本蛇毒眼膜 去细纹去眼袋去黑眼圈 贵妇眼贴膜 红色干细胞淡化眼纹1盒60枚
                           </span>
                </div>
                <div class="goods-right">
                    <div>
                        <label>￥</label>
                        <label >100</label>
                    </div>
                    <div>
                        <input type="button" value="-">
                        <input type="button" value="1">
                        <input type="button" value="+">
                    </div>
                    <div>
                        <label>￥</label>
                        <label>100</label>
                    </div>
                    <div> <a href="">删除</a></div>
                </div>
            </li>
            <li>
                <div class="goods-left">
                    <input type="checkbox" name="good" />
                    <img src="image/goods6.jpg">
                           <span>spa treatment 日本蛇毒眼膜 去细纹去眼袋去黑眼圈 贵妇眼贴膜 红色干细胞淡化眼纹1盒60枚
                           </span>
                </div>
                <div class="goods-right">
                    <div><label>￥</label><label>200</label></div>
                    <div>
                        <input type="button" value="-">
                        <input type="button" value="1">
                        <input type="button" value="+">
                    </div>
                    <div><label>￥</label><label>200</label></div>
                    <div> <a href="">删除</a></div>
                </div>
            </li>

            <li>
                <div class="goods-left">
                    <input type="checkbox" name="good"/>
                    <img src="image/goods6.jpg">
                           <span>spa treatment 日本蛇毒眼膜 去细纹去眼袋去黑眼圈 贵妇眼贴膜 红色干细胞淡化眼纹1盒60枚
                           </span>
                </div>
                <div class="goods-right">
                    <div><label>￥</label><label>300.1</label></div>
                    <div>
                        <input type="button" value="-">
                        <input type="button" value="1">
                        <input type="button" value="+">
                    </div>
                    <div><label>￥</label><label>300.1</label></div>
                    <div> <a href="">删除</a></div>
                </div>
            </li>

            <li>
                <div class="goods-left">
                    <input type="checkbox" name="good"/>
                    <img src="image/goods6.jpg">
                           <span>spa treatment 日本蛇毒眼膜 去细纹去眼袋去黑眼圈 贵妇眼贴膜 红色干细胞淡化眼纹1盒60枚
                           </span>
                </div>
                <div class="goods-right">
                    <div><label>￥</label><label>400.6</label></div>
                    <div>
                        <input type="button" value="-">
                        <input type="button" value="1">
                        <input type="button" value="+">
                    </div>
                    <div><label>￥</label><label>400.6</label></div>
                    <div> <a href="">删除</a></div>
                </div>
            </li>




        </ul>


    </div>
    <div id="option-box">
        <div id="option-left">
            <input type="checkbox" name="selectAll-bottom" onclick="selectAllBottom()"> <label>全选</label>
            <a href="">删除选中的商品</a>
        </div>
        <div class="toolbar-right">
            <div class="amount-sum">
                <label>已选择</label>
                <span id="total-count" class="goods-amount">0</span>
                <label>件商品</label>
            </div>
            <div class="price-sum">
                <label class="">总价:</label>
                <span class="sum-price-declare">￥</span>
                <span id="totalPrice" class="sum-price">0</span>

            </div>

            <div class="btn-area">
                <a href="">去结算</a>
            </div>
        </div>
    </div>
</div>
<script src="js/JS_06_购物车.js"></script>

</body>
</html>